<title>产品修改</title>
<!-- ajax layout which only needs content area -->
<link rel="stylesheet" href="../assets/css/bootstrap-multiselect.css"/>
<link rel="stylesheet" href="../assets/css/bootstrap-tagsinput.css"/>
<!-- PAGE CONTENT BEGINS -->
<div class="row">
  <div class="col-sm-12">
    <!-- #section:elements.tab -->
    <div class="tabbable">
      <ul class="nav nav-tabs" id="myTab">
        <li class="active">
          <a data-toggle="tab" href="#home">
            <i class="green ace-icon fa fa-home bigger-120"></i>
            基本信息
          </a>
        </li>
        <li>
          <a data-toggle="tab" href="#price">
            <i class="green ace-icon fa fa-rmb bigger-120"></i>
            价格信息
          </a>
        </li>

        <li>
          <a data-toggle="tab" href="#cost">
            <i class="green ace-icon fa fa-money bigger-120"></i>
            费用信息
          </a>
        </li>

        <li>
          <a data-toggle="tab" href="#line">
            <i class="green ace-icon fa fa-camera-retro bigger-120"></i>
            线路特色
          </a>
        </li>

        <li>
          <a data-toggle="tab" href="#traffic">
            <i class="green ace-icon fa fa-bus bigger-120"></i>
            参考交通
          </a>
        </li>

        <li>
          <a data-toggle="tab" href="#route">
            <i class="green ace-icon fa fa-plane bigger-120"></i>
            参考行程
          </a>
        </li>

        <li>
          <a data-toggle="tab" href="#Prompt">
            <i class="green ace-icon fa fa-comment-o bigger-120"></i>
            温馨提示
          </a>
        </li>

        <li>
          <a data-toggle="tab" href="#Instructions">
            <i class="green ace-icon fa fa-info-circle bigger-120"></i>
            用户须知
          </a>
        </li>

        <li>
          <a data-toggle="tab" href="#productImgs">
            <i class="green ace-icon fa fa-camera-retro bigger-120"></i>
            产品图片
          </a>
        </li>

        <li id="tabComment">
          <a data-toggle="tab" href="#comment">
            <i class="green ace-icon fa fa-users bigger-120"></i>
            评论
          </a>
        </li>
      </ul>

      <div class="tab-content clearfix">
        <div id="home" class="tab-pane fade in active">
          <div class="col-sm-3">
            <form class="form-horizontal" role="form">
              <div class="form-group">
                <div class="col-sm-12 no-padding">
                  <div class="uploader-container">
                    <!--头部，相册选择和格式选择-->
                    <div class="uploader">
                      <div class="queueList center center-block">
                        <div class="placeholder dndArea">
                          <img class="mainImg" src=" " alt="" data-id="">
                        </div>
                        <div class="webuploader-pick" id="webuploader-pick">点击选择主图</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </form>
          </div>
          <div class="col-sm-8">
            <form class="form-horizontal" method="get">
              <div class="clearfix">
                <div class="col-sm-12">
                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productName">产品名称</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" name="productName" id="productName" class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productName">酒店服务</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" name="productName" id="productTitle" class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>


                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productName">景点接机</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" name="productTitle1" id="productTitle1" class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productName">副标题</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" name="productName" id="productSubTitle" class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>


                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productPrice">起步价格</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="number" name="productPrice" id="productPrice" class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>

                  <div class="space-2"></div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="destinationId">目的地</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <select class="col-xs-3" id="areaId" multiple>

                        </select>

                        <select class="col-xs-3" id="destinationId" multiple>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productType">产品类型</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <select class="col-xs-12 col-sm-12" id="productType">
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>


                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productSelfVipFlag">自组专享产品</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <select class="col-xs-12 col-sm-12" id="productSelfVipFlag">
                          <option value="0">否</option>
                          <option value="1">是</option>
                        </select>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>


                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productCode">产品编号</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" name="productCode" id="productCode" class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="hr"></div>
              <div class="clearfix">
                <div class="col-sm-12">
                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productFeatureSpot">特色景点</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <textarea class="col-xs-12 col-sm-12"  id="productFeatureSpot"></textarea>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>

                  <div class="form-group">
                    <label class="control-label  col-sm-2 no-padding-right"
                           for="productRoutePackageBlack">行程</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" id="productRoutePackageBlack" value="" data-role="tagsinput" />
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>


                  <div class="form-group">
                    <label class="control-label  col-sm-2 no-padding-right"
                           for="productRoutePackageRed">套餐</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" id="productRoutePackageRed" value="" data-role="tagsinput" />
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>

                  <div class="form-group">
                    <label class="control-label  col-sm-2 no-padding-right"
                           for="productFeature">产品特色</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" name="productFeature" id="productFeature"
                               class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productServicePromise">服务承诺</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <input type="text" name="productServicePromise" id="productServicePromise"
                               class="col-xs-12 col-sm-12"/>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right"
                           for="productRoute">精彩行程</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <textarea class="editCost col-xs-12 col-sm-12" id="productRoute"></textarea>
                      </div>
                    </div>
                  </div>
                  <div class="space-2"></div>

                  <div class="form-group" id="productTypeRef">
                    <label class="control-label col-sm-2 no-padding-right">产品推荐</label>
                    <div class="col-sm-9">
                      <div class="checkbox col-sm-3">
                        <label>
                          <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="1">
                          <span class="lbl">热门</span>
                        </label>
                      </div>
                      <div class="checkbox col-sm-3">
                        <label>
                          <input name="form-field-checkbox" class="ace ace-checkbox-2" type="checkbox" value="2">
                          <span class="lbl">推荐</span>
                        </label>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right" for="hotSort">热门排序</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <select class="col-xs-12 col-sm-12" id="hotSort">
                          <option value="100">不排序</option>
                          <option value="1">1</option>
                          <option value="2">2</option>
                          <option value="3">3</option>
                          <option value="4">4</option>
                          <option value="5">5</option>
                          <option value="6">6</option>
                          <option value="7">7</option>
                          <option value="8">8</option>
                          <option value="9">9</option>
                          <option value="10">10</option>
                        </select>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <label class="control-label col-sm-2 no-padding-right" for="recommendSort">推荐排序</label>
                    <div class="col-xs-12 col-sm-9">
                      <div class="clearfix">
                        <select class="col-xs-12 col-sm-12" id="recommendSort">
                          <option value="100">不排序</option>
                          <option value="1">1</option>
                          <option value="2">2</option>
                          <option value="3">3</option>
                          <option value="4">4</option>
                          <option value="5">5</option>
                          <option value="6">6</option>
                          <option value="7">7</option>
                          <option value="8">8</option>
                          <option value="9">9</option>
                          <option value="10">10</option>
                        </select>
                      </div>
                    </div>
                  </div>

                  <div class="form-group" id="productActivity">
                    <label class="control-label col-sm-2 no-padding-right">产品活动</label>
                    <div id="productActivityDiv" class="col-sm-9">
                    </div>
                  </div>

                </div>
              </div>
            </form>
          </div>
          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="updateBaseInfo">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>
        </div>

        <div id="price" class="tab-pane fade">
          <div class="clearfix">
            <div class="col-sm-12">
              <div class="form-group">
                <div class="col-xs-12">
                  <div class="clearfix">
                    <div class="col-sm-8">
                      <input type="file" class="input-file" id="price-input-file"/>
                    </div>
                    <div class="col-sm-4">
                      <span class="btn btn-success btn-sm" id="priceImport">重新上传</span>
                    </div>
                  </div>
                  <div class="hr hr-double hr-dotted hr12"></div>
                  <div class="priceTable">
                    <table id="priceTable" class="table table-striped table-bordered table-hover">
                      <thead>
                      <tr>
                        <th class="hidden-480">出团日期
                        </th>
                        <th class="hidden-480">结束日期
                        </th>
                        <th class="hidden-480" style="width: 120px">成人价</th>
                        <th class="hidden-480" style="width: 120px">儿童价</th>
                        <th class="hidden-480" style="width: 120px">余量</th>
                        <th class="hidden-480" style="width: 120px">说明</th>
                        <th class="hidden-480" style="width: 160px">操作</th>
                      </tr>
                      </thead>
                      <tbody>
                      <tr>
                        <!--<td class="hidden-480">2018-02-18</td>-->
                        <!--<td class="hidden-480">2018-02-19</td>-->
                        <!--<td class="hidden-480"><input type="text" value="9999"></td>-->
                        <!--<td class="hidden-480"><input type="text" value="2345"></td>-->
                        <!--<td class="hidden-480"><input type="text" value="34"></td>-->
                        <!--<td class="hidden-480"><input type="text" value="最低"></td>-->
                        <!--<td class="hidden-480"><span class="btn btn-sm btn-warning" onclick="edit(this)">修改</span></td>-->
                      </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
        <div id="cost" class="tab-pane fade CostDescribe">
          <div class="col-sm-6">
            <div class="col-sm-1"></div>
            <div class="col-sm-9">
              <h3 class="lighter block-center green">费用包含</h3>
            </div>
            <form class="form-horizontal" id="IsContain" method="get">
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【交通】<i class="ace-icon glyphicon glyphicon-remove red2  cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <textarea class="col-sm-12" data-title="交通" describeIsContain="1" ></textarea>
                  </div>
                  <div class=""></div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【住宿】<i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                      <textarea class="col-sm-12"  data-title="住宿" describeIsContain="1" ></textarea>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【用餐】<i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <textarea class="col-sm-12"  data-title="用餐" describeIsContain="1" ></textarea>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>

              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【门票】<i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <textarea class="col-sm-12"  data-title="门票" describeIsContain="1" ></textarea>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>

              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【保险】<i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <textarea class="col-sm-12" data-title="保险" describeIsContain="1" ></textarea>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>

              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【导游服务】<i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <textarea class="col-sm-12" data-title="导游服务" describeIsContain="1" ></textarea>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>

              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【其他】<i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                      <textarea class="col-sm-12" data-title="其他" describeIsContain="1" ></textarea>
                  </div>
                </div>
              </div>

            </form>
          </div>
          <div class="col-sm-6">
            <div class="col-sm-1"></div>
            <div class="col-sm-9">
              <h3 class="lighter block-center green">费用不含</h3>
            </div>

            <form class="form-horizontal" id="NotContain" method="get">
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【不可抗力】 <i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <textarea class="col-sm-11" data-title="不可抗力" describeIsContain="0" ></textarea>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right">【个人消费】<i class="ace-icon glyphicon glyphicon-remove red2 cursor-p" onclick="removeItem(this)"></i></label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <textarea class="col-sm-12" data-title="个人消费" describeIsContain="0" ></textarea>
                  </div>
                  <div class=""></div>
                </div>
              </div>
            </form>
          </div>
          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="addFinerCost">
                <i class="ace-icon glyphicon glyphicon-plus"></i>
                添加细项
              </button>

              <button class="btn btn-success" id="updateCost">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>
        </div>

        <div id="line" class="tab-pane fade lineFeature">

          <form class="form-horizontal" method="get">
            <div class="col-sm-12">
              <div class="form-group">
                <div class="col-xs-12 col-sm-12">
                  <div class="clearfix">
                    <textarea class="col-sm-12" data-content-id="1" data-title="产品特色" contenteditable="true" rows="10"
                         featureSort="1">
                    </textarea>
                  </div>
                  <div class=""></div>
                </div>
              </div>
            </div>
          </form>
          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="updateLine">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>
        </div>

        <div id="traffic" class="tab-pane fade">
          <div class="col-sm-6">
            <div class="col-sm-1"></div>
            <div class="col-sm-9">
              <h3 class="lighter block-center green">去程</h3>
            </div>

            <form class="form-horizontal" method="get">
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startStation1">【起始站】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="startStation1" id="startStation1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endStation1">【终点站】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="endStation1" id="endStation1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startDay1">【起始天】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="startDay1" id="startDay1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endDay1">【终点天】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="endDay1" id="endDay1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startTime1">【起始时间点】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="startTime1" id="startTime1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endTime1">【终点时间点】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="endTime1" id="endTime1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                       for="trafficSumTime1">【行程总时间说明】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="trafficSumTime1" id="trafficSumTime1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                       for="trafficDetail1">【交通说明】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="trafficDetail1" id="trafficDetail1" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
            </form>
          </div>
          <div class="col-sm-6">
            <div class="col-sm-1"></div>
            <div class="col-sm-9">
              <h3 class="lighter block-center green">回程</h3>
            </div>

            <form class="form-horizontal" method="get">
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startStation2">起始站</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="startStation2" id="startStation2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endStation2">终点站</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="endStation2" id="endStation2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startDay2">起始天</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="startDay2" id="startDay2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endDay2">终点天</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="endDay2" id="endDay2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="startTime2">起始时间点</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="startTime2" id="startTime2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group hide">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right" for="endTime2">终点时间点</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="endTime2" id="endTime2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                       for="trafficSumTime2">【行程总时间说明】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="trafficSumTime2" id="trafficSumTime2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
              <div class="form-group">
                <label class="control-label col-xs-12 col-sm-3 no-padding-right"
                       for="trafficDetail2">【交通说明】</label>
                <div class="col-xs-12 col-sm-9">
                  <div class="clearfix">
                    <input type="text" name="trafficDetail2" id="trafficDetail2" class="col-xs-12 col-sm-6"/>
                  </div>
                </div>
              </div>
              <div class="space-2"></div>
            </form>
          </div>
          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="updateTraffic">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>
        </div>

        <div id="route" class="tab-pane fade">
          <div class="comment-wrapper Trip">
            <div class="days">

              <div class="day" data-day="1">
                <div class="timeline-container">
                  <div class="timeline-label">
                                            <span class="label label-primary arrowed-in-right label-lg">第<b
                                              class="d">1</b>天</span>
                  </div>
                  <div class="timeline-items">
                    <div class="timeline-item clearfix">
                      <div class="timeline-info">
                        <i class="timeline-indicator ace-icon fa fa-cutlery btn btn-success no-hover"></i>
                      </div>
                      <div class="widget-box transparent">
                        <div class="widget-header widget-header-small">
                          <h5 class="widget-title smaller">
                            <span class="blue">行程/甄选美食/酒店</span>
                          </h5>
                        </div>
                        <div class="widget-body">
                          <div class="widget-main clearfix">
                            <form class="form-horizontal" role="form">
                              <div class="clearfix">
                                <div class="col-sm-3">
                                  <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right">出发地点</label>
                                    <div class="col-sm-9">
                                      <input type="text" data="11"
                                             class="col-sm-10">
                                    </div>
                                  </div>
                                </div>
                                <div class="col-sm-3">
                                  <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right">终点</label>
                                    <div class="col-sm-9">
                                      <input type="text" data="12"
                                             class="col-sm-10">
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="clearfix">
                                <div class="col-sm-3">
                                  <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right">早餐</label>
                                    <div class="col-sm-9">
                                      <input type="text" data="13"
                                             class="col-sm-10">
                                    </div>
                                  </div>
                                </div>
                                <div class="col-sm-3">
                                  <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right">午餐</label>
                                    <div class="col-sm-9">
                                      <input type="text" data="14"
                                             class="col-sm-10">
                                    </div>
                                  </div>
                                </div>
                                <div class="col-sm-3">
                                  <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right">晚餐</label>
                                    <div class="col-sm-9">
                                      <input type="text" data="15"
                                             class="col-sm-10">
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="clearfix">
                                <div class="col-sm-3">
                                  <div class="form-group">
                                    <label class="col-sm-3 control-label no-padding-right">酒店类型</label>
                                    <div class="col-sm-9">
                                      <input type="text" data="17" class="col-sm-10">
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="timeline-item clearfix">
                      <div class="timeline-info">
                        <i class="timeline-indicator ace-icon fa fa-star btn btn-warning no-hover green"></i>
                      </div>
                      <!-- /section:pages/timeline.info -->
                      <div class="widget-box transparent">
                        <div class="widget-header widget-header-small">
                          <h5 class="widget-title smaller">
                            <span class="blue">旅游景点/行程介绍</span>
                          </h5>
                        </div>
                        <div class="widget-body">
                          <div class="widget-main clearfix">
                            <form class="form-horizontal" role="form">
                              <div class="col-sm-12">
                                <div class="form-group">
                                  <div class="clearfix">
                                    <label class="col-sm-1 control-label no-padding-right">旅游景点</label>
                                    <div class="col-sm-9">
                                      <textarea class="col-sm-12" data="31" data-title="旅游景点"
                                                contenteditable="true"></textarea>
                                    </div>
                                  </div>
                                  <div class="space-8"></div>
                                  <div class="clearfix">
                                    <label class="col-sm-1 control-label no-padding-right">行程介绍</label>
                                    <div class="col-sm-9">
                                      <textarea class="col-sm-12" data="32" data-title="行程介绍"
                                                contenteditable="true"></textarea>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            </div>
            <div class="center">
                  <span class="btn btn-primary btn-white" id="addOneDay"> <icon
                    class="ace-icon glyphicon glyphicon-plus"></icon>增加一天</span>
              <span class="btn btn-primary btn-white" id="subtractTastDay"> <icon
                class="ace-icon glyphicon glyphicon-minus"></icon>减去最后一天</span>
            </div>
          </div>


          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="updateRoute">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>
        </div>


        <div id="Prompt" class="tab-pane fade">

          <textarea class="col-xs-12 col-sm-12" rows="10" id="productPrompt"></textarea>


          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="updatePrompt">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>
        </div>

        <div id="Instructions" class="tab-pane fade">

          <textarea class="col-xs-12 col-sm-12" rows="10" id="UserInstructions"></textarea>
          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="updateUserInstructions">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>
        </div>


        <div id="productImgs" class="tab-pane fade productImgs">
          <div class="uploader-container">
            <!--头部，相册选择和格式选择-->
            <div class="uploader">
              <div class="queueList center center-block clearfix">
                <div class="webuploader-pick" id="webuploader-pick-focus">点击选择产品焦点图</div>
                <div class="hr"></div>
                <ul class="imgslist imgslist-focus">

                </ul>
              </div>
            </div>
          </div>
          <div class="uploader-container">
            <!--头部，相册选择和格式选择-->
            <div class="uploader">
              <div class="queueList center center-block clearfix">
                <div class="webuploader-pick" id="webuploader-pick-line">点击选择产品线路图</div>
                <div class="hr"></div>
                <ul class="imgslist imgslist-line">

                </ul>
              </div>
            </div>
          </div>

          <div class="col-xs-12">
            <div class="form-actions center">
              <button class="btn btn-success" id="updateProductImgs">
                <i class="ace-icon fa fa-check"></i>
                修改
              </button>
            </div>
          </div>

        </div>

        <div id="comment" class="tab-pane fade">
          <div class="comment-wrapper">
            <ul class="list no-margin">
              <!--<li class="clearfix item">
                <div class="left">
                  <img class="userImg" src="//statics.bieshudujia.com/uploads/headimg/2.png" alt="">
                </div>

                <div class="right">
                  <div class="header">
                    <p class="name">ouxixi</p>
                    <p class="time">2018-01-21 05:21:14</p>
                    <p class="desc">
                      别墅和描述的几乎一致。在一个位置比较偏的地方，建议最好租车出行。但是别墅也提供有偿车出行。管家很贴心，别墅设施很齐全，几乎除了午饭和晚饭需要收取食材费和服务费其他的都是免费的。厨师做的菜挺好的。中间因为马桶的小问题，管家也及时解决了。整体几天过的很愉快。管家总是在你需要的时候出现，不需要的时候自动消失，一个神奇的管家服务。</p>
                    <span class="del"><icon class="ace-icon fa fa-trash-o red bigger-150 cursor-p tt-cursor"></icon>删除</span>
                  </div>
                  <ul class="imgList clearfix no-margin">
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                    <li class="img-item"><img
                      src="//image02.bieshudujia.com/uploads/view/1844/mobile.3fd649e6b3c815a6c428b6fc97f923b1.jpg"
                      alt=""></li>
                  </ul>
                </div>
              </li>-->
            </ul>
          </div>
        </div>

      </div>
    </div>
  </div>
  <div class="vspace-6-sm"></div>
</div><!-- /.row -->
<div class="space"></div>
<!-- PAGE CONTENT ENDS -->


<style>
  .editCost {
    min-height: 36px;
    border: 1px solid #00a0e9;
    padding: 10px;
  }
  .priceTable tbody input{
    width: 100px;
  }
</style>
<script src="../public/javascripts/scripts/product/edit.js"></script>
